// src/pages/product.js
import React from 'react'
// import { graphql } from 'gatsby'
// import Img from 'gatsby-image'

export default function Product ({data}) {
    return <div>
        {
            // data.allProductsJson.nodes.map(node => (
            //     <div key={node.title}>
            //         <p>{ node.title }</p>
            //         <p>{ node.address }</p>
            //         <p>{ node.price }</p>
            //         <div style={{width: 400}}>
            //             {/* fluid 自适应大小  图片大小由外层宽度决定*/}
            //             {/* <Img fluid={node.url.childImageSharp.fluid} /> */}
            //             <Img fixed={node.url.childImageSharp.fixed} />
            //         </div>
            //     </div>
            // ))
        }
    </div>
}

// export const query = graphql`
//   query {
//     allProductsJson {
//       nodes {
//         address
//         price
//         title
//         url {
//           childImageSharp {
//             fluid {
//               aspectRatio
//               sizes
//               src
//               srcSet
//             }
//           }
//         }
//       }
//     }
//   }
// `
// export const query = graphql`
//   query {
//     allProductsJson {
//       nodes {
//         address
//         price
//         title
//         url {
//           childImageSharp {
//             fixed(width: 200, height: 200) {
//               width
//               height
//               src
//               srcSet
//             }
//           }
//         }
//       }
//     }
//   }
// `